<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html5新增的input类型</title>
</head>
<body>
    <ul style="list-style: none;">
        <form action="">
        <li>数字类型数量<input type="number" required></li>
        <li>手机号码<input type="tel" required></li>
        <li>搜索框<input type="search" readonly></li>
        <li>邮箱<input type="email"></li>
        <li>必须是url类型<input type="url"></li>
        <li>颜色选择表单<input type="color"></li>
        <li>日期类型<input type="date"></li>
        <li>时间类型<input type="time"></li>
        <li>月份<input type="month"></li>
        <li>周期<input type="week"></li>

        <li><input type="submit" disabled value="提交"></li>
        
        </form>
    </ul>
</body>
</html>